body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select,span{margin:0;padding:0; font-size:12px; color: #333; font-family: "微软雅黑";}
em{font-style:normal}
li{list-style:none}
a{text-decoration:none;}
a:hover { text-decoration: underline; }
img{border:none; vertical-align:top;}
table{border-collapse:collapse;}
textarea{ resize:none;overflow:auto;}
table { border-collapse: collapse; border-spacing: 0; } 
i{font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.c1{ zoom:1}
.c1:after{ content:""; display:block; clear:both; height: 0;}
.h40px{ height: 40px; line-height: 0px; display: block; overflow: hidden; clear: both;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}


.center{ width: 1000px; margin: 0 auto;}
.herder{position: relative; }
.navder{position:absolute; width: 100%; height: 68px; background: #000;background-color:rgba(0,0,0,0.6) ;  z-index: 10;}
.sel { width: 220px; margin-top: 10px; color: #fff;}
.sel img{ float: left; padding-right: 10px;}
.sel h3{ font:normal 22px/24px "微软雅黑"; color: #fff;}
.sel  strong{ font-weight: 100;}

/* 产品 */
.goods{ border-bottom: 1px solid #ddd; position: relative; padding-top: 20px;}
.goodsH3{ position: absolute; left: 50%; margin-left: -68px; top:0px; text-align: center;; width: 136px; background: #fff;}
.goodsH3 span{ font:100 14px arial; color: #e84140;}
.goodsH3 p{ font:100 18px "微软雅黑";}

.del{ position: relative; width: 470px; height: 360px;}
.del a,.delFont span{ color: #e84140;}
.delText{ position: absolute; z-index: 10; padding:30px 0 0 110px; color:#fff;}
.delText h3{ float: left; padding:4px; width:46px; height: 44px; text-align: center; font:100 18px "微软雅黑"; color: #FFFFFF; border: 1px solid #fff; border-radius: 3px; word-break:break-all; word-wrap:break-word;}
.delText span{ width: 220px; text-align: center; font: 100 14px "微软雅黑"; display: block;; line-height:24px; color: #fff;}
.code{ position: absolute; top:100px;left:150px}
.delFont{ position: absolute; top:270px; line-height: 24px; width: 380px; margin-left: 46px; text-align: center;}
.delFont h4{ font:100 18px "微软雅黑"; line-height: 36px;}
.delFont p{ font-size: 14px;}

.new { width: 470px;}
.newH3{ font:bold 14px "宋体"; margin-bottom: 10px;}
.hotList li{ height:30px; line-height: 30px; padding-left: 10px; color: #666;}
.hotList span{ display: inline-block;}
.hotListLi{ background: #efeeed;}
.hotSpan1{ width: 210px; font-size: 14px;}
.hotSpan2{ width: 160px; font-size: 14px;}
.hotSpan3{width: 360px; font-size: 14px;}

.footer{ background: #515252; height: 202px;}
.fooFl{ width:170px;height: 110px; border-right: 1px solid #676867; padding-top: 60px;}
.fooCen{ width:460px; height: 110px;border-right: 1px solid #676867;padding: 60px 0 0 60px; }
.fooCen h3,.fooCen p{ font-weight:100;font-size: 14px; color: #fff;}
.fooCen span{font-weight:100;font-size: 24px; color: #fff}
.fooCen p{ margin-top: 14px;}

.foofr{ padding: 10px 0 0 30px; }
.yunche{ width: 102px; height: 140px; background: #cccccc; margin-left: 30px; padding-top: 4px; text-align: center;}
.yunche h2,.yunche strong{ font:100 12px "微软雅黑"; padding-top: 5px;}

.small{height: 32px; background: #333; line-height: 32px;}
.smallFont span{ color:#fff;}





/* banner 
@media (max-width:1000px) {
	
#iBanner{width:100%; height:418px;position:relative; .iBannerImg img{max-width:100%;_width:expression(this.width > 100%? "100%" : this.width); }
	}*/
	
	/* 效果CSS开始 */
.mBan2 { overflow: hidden;}
.mBan2 .slideBox{ width:100%;  position:relative; }
.mBan2 .slideBox .hd{ height: 20px; overflow: hidden; position: absolute; bottom: 10px; z-index: 1; width: 181px;  margin-left: -46px; left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width: 12px; height: 12px; border-radius:50%; background: #fff; cursor: pointer; margin-right: 10px; }
.mBan2 .slideBox .hd ul li.on{width: 12px; height: 12px; background: #ea5748; border-radius:50%; }
.mBan2 .slideBox .bd{ position:relative; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%;  display:block;  }
/* 效果CSS结束 */

 @media (max-width:767px) {
 .mBan2{ position:relative; top:68px; margin-bottom: 40px;}
 .center{ width: 100%;}
 .fl{ float: none;}
 .fr{float: none;}
 .del,.new{ display: block; margin: 0 auto;}
 .logo{ float: left; margin-left: 10px;}
 .sel{ float: right;}
 .new{ margin-top: 20px;}
 .footer{ height: 310px;}
 .fooFl,.fooCen{  margin: 0 auto; height:auto; text-align: center; padding-top: 10px; border: none;}
 .yunche{ float: left;  }
 .foofr{margin-left: 100px;}
  .smallFont{ text-indent: 1em;}
 .smallFont .fr{ float: right; }
 

/*.iBannerImg img{max-width:1230px;_width:expression(this.width > 1230? "1230px" : this.width); }
 }
#iBanner{width:100%; height:270px ; position:relative; overflow:hidden;z-index:1;}
.iBannerImg {position:absolute;left:100%;margin-left:-960px; z-index:1; }
*/
 
 @media (max-width:446px){
 .center{ width: 100%; overflow: hidden;}
  #iBanner{ height:68px; overflow: hidden;}	
  .sel,.code{ height: 0; overflow: hidden;}
  .logo{ height: 68px; text-align: center; margin:auto;}
   .del,.new{ width: 100%; display: block; margin: 0 auto; height:290px;}
  .delFont{padding: 0; margin: 0 auto; top:180px; line-height: 24px; width:100%;text-align: center;}
.delImg { width: 100%;}
.delImg img{max-width:446px;_width:expression(this.width > 446? "446px" : this.width); }
  .delText{ position: absolute; z-index: 10;  color:#fff; padding:40px 0 0 40px; text-align: center;}
.foofr{ width: 0; height: 0; overflow: hidden;}

.h40px{ height: 30px;}
.hotSpan1{ width: 40%; font-size: 14px;}
.hotSpan2{ width: 35%; font-size: 14px;}
.hotSpan3{width: 70%; font-size: 14px;}
.newH3{ margin-top: 20px;}
.footer{ height: 200px;}
 .fooFl{ text-align: center;}
 .fooCen{text-align: left;}
 .fooFl,.fooCen{ width: 100%; padding:10px 0 0 0; }
 .yunche{ float: left;}
 .foofr{margin-left: 0px;}
 .small{ height: 64px;}
  .smallFont{ text-indent:0em; line-height: 24px}
 .smallFont .fr{ float: left; }

  }



